<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/javascript" src="${pageContext.request.contextPath}/vue.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/vue-resource.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css" id="layui">
<Link rel="stylesheet" href="${pageContext.request.contextPath}/front/css/main.css">
<script src="${pageContext.request.contextPath}/layui.js"></script>

<div class="aside">
    <div class="panel">
        <div class="panel-header">
            <span class="panel-title">
                <span class="textcolor_red">
                    今日票房
                </span>
            </span>
        </div>
        <div class="panel-content">
            <ul class="ranking-wrapper ranking-box">
                <c:forEach var="item" items="${iscommercial}">
                    <li class="ranking-index-1">
                        <a href="${pageContext.request.contextPath}/front/detail.do?id=${item.id}" target="_blank">
                            <div class="ranking-top-left">
                                <i class="ranking-top-icon"></i>
                                <img style="width: 80px;" class="ranking-img default-img" src="${item.imgpath}">
                            </div>
                            <div class="ranking-top-right">
                                <div class="ranking-top-right-main">
                                    <span class="ranking-top-moive-name">
                                            ${item.moviename.split(" ")[0]}
                                    </span>
                                    <p class="ranking-top-wish">票房：${item.boxoffice}(亿)</p>
                                </div>

                            </div>
                        </a>

                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>


    <div class="panel">
        <div class="panel-header">
            <span class="panel-title">
                <span class="textcolor_red">
                    新闻公告
                </span>
            </span>
        </div>
        <div class="panel-content">
            <ul class="ranking-wrapper ranking-box">
                <c:forEach var="item" items="${newLists}">
                    <li class="ranking-index-1">
                        <a href="${pageContext.request.contextPath}/front/detailNews.do?id=${item.id}" target="_blank">
                            <div class="ranking-top-right">
                                <div class="ranking-top-right-main">
                                    <span class="ranking-top-moive-name">
                                            ${item.title}
                                    </span>
                                </div>
                            </div>
                        </a>

                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>

    <div class="panel">
        <div class="panel-header">
            <span class="panel-title">
                <span class="textcolor_red">
                    好评如潮
                </span>
            </span>
        </div>
        <div class="panel-content">
            <ul class="ranking-wrapper ranking-box">
                <c:forEach var="item" items="${isesteem}">
                    <li class="ranking-index-1">
                        <a href="${pageContext.request.contextPath}/front/detail.do?id=${item.id}" target="_blank">
                            <div class="ranking-top-left">
                                <i class="ranking-top-icon"></i>
                                <img class="ranking-img default-img" src="${item.imgpath}">
                            </div>
                            <div class="ranking-top-right">
                                <div class="ranking-top-right-main">
                                    <strong>
                                            ${item.moviename.split(" ")[0]}
                                    </strong>
                                    <p class="ranking-release-time" style="font-size: 10px;">首映时间：${item.publishdate}</p>
                                    <p class="ranking-top-wish" style="font-size: 10px;">票房：${item.boxoffice}(亿)</p>
                                </div>

                            </div>
                        </a>

                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>
</div>



